(function () {
    // 添加响应拦截器
    // axios.interceptors.response.use(function (res) {
    //     //axios返回的数据非常丰富  data是响应数据
    //     const data = res.data;  //打印之后观察的结果
    //     // 对响应数据做点什么
    //     if (data.code === 401) {
    //         window.parent.location.href = './adminlogin.html';
    //     } else {
    //         return data;//把接收的数据结构then进一步处理
    //     }
    // }, function (error) {
    //     // 对响应错误做点什么
    //     return Promise.reject(error);
    // });

    // const userlist = document.querySelector('.userlist');
    // userlist.addEventListener('click', function () {
    //     console.log(111);
    //用户列表
    layui.use('table', function () {
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#userlist'
            , height: 'full-120'
            , url: '/api/userlist' //数据接口
            , headers: { authorization: window.localStorage.getItem('token') }
            , page: true //开启分页
            , limit: 20 //每页显示的条数
            , cols: [[ //表头
                { field: 'uid', title: '用户ID', width: 80 }
                , { field: 'username', title: '用户名', width: 80 }
                , { field: 'gender', title: '性别', width: 80 }
                , {
                    field: 'avater', title: '主图', width: 150, templet: function (d) {
                        return `<img class="mainpic" src="${d.avater}">`;
                    }
                }
                , { field: 'status', title: '状态', width: 80 }
                , { field: 'score', title: '签到积分', width: 120 }
                , {
                    field: 'uid', title: '操作', width: 120, templet: function (d) {
                        return `
                            <a href="###" class="oper del" data-id=${d.uid}>禁言</a> |
                            <a href="###" class="oper update" data-id=${d.uid}>解言</a>`;
                    }
                }
            ]]
        });
    });
    // });

    //用户禁言
    const delTbody = document.querySelector('.mytable');
    delTbody && delTbody.addEventListener('click', articleDelFn);
    function articleDelFn(event) {
        const target = event.target;
        // console.log(target);
        if (target.classList.contains('del')) {
            // //禁言确认操作
            if (!confirm('是否确定禁言该用户?')) return;

            const id = target.dataset.id;
            // console.log(id);
            //告诉服务器根据这个id禁言这个用户
            axios.get('/api/deluser', {
                params: { id }
            }).then(function (response) {
                console.log(response);
                if (response.code === 1) {
                    target.parentElement.parentElement.parentElement.children[4].children[0].innerHTML = 0;
                }
            }).catch(function (error) {
                console.log(error);
            });
        }
    }

    delTbody && delTbody.addEventListener('click', articleUpFn);
    function articleUpFn(event) {
        const target = event.target;
        // console.log(target);
        if (target.classList.contains('update')) {
            // //解言确认操作
            if (!confirm('是否确定解言该用户?')) return;

            const id = target.dataset.id;
            // console.log(id);
            //告诉服务器根据这个id解言这个用户
            axios.get('/api/updateuser', {
                params: { id }
            }).then(function (response) {
                console.log(response);
                if (response.code === 1) {
                    target.parentElement.parentElement.parentElement.children[4].children[0].innerHTML = -1;
                }
            }).catch(function (error) {
                console.log(error);
            });
        }
    }


})();